import './assets/main.css'
import "/public/icon.css"
import {createApp} from 'vue'
import App from './App.vue'
import router from './router'
import ElementPlus from 'element-plus'
import '@/assets/el-index.css'
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
import changeCollapse from "@/components/Aside.vue"
import store from "@/store/index.js";
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import 'font-awesome/css/font-awesome.css'
import dataV from '@jiaminghi/data-view';
import 'element-plus/theme-chalk/dark/css-vars.css'


import { ElTable, ElTableColumn } from 'element-plus'



// 获取组件的props
const TableProps = ElTable.props
const TableColumnProps = ElTableColumn.props

// 修改默认props
// 全局el-table设置
TableProps.border = { type: Boolean, default: true } // 边框线
// 全局el-table-column设置
TableColumnProps.align = { type: String, default: 'center' } // 居中
TableColumnProps.showOverflowTooltip = { type: Boolean, default: false } // 文本溢出

const app = createApp(App)
app.use(store)
app.use(router)
app.use(ElementPlus,{
    locale: zhCn,
})
app.use(dataV)
app.use(changeCollapse)
// 引入element图标
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}
app.mount('#app')
